<template>
	<aside class="users">
		<div class="avator" :class="{svip}">
			<img src="../assets/images/unknown.png" />
		</div>
		
		<div class="wx" v-if="isAuth">
			<p>
				<a href="javascript:void(0);">─╀0vЁ灬残夜</a>
				<a class="modify" href="/modify">修改密码</a>
			</p>
			<p class="u">
				<a href="javascript:void(0);">霍坤点</a>
				<a href="javascript:void(0);">133****8401</a>
				<a href="javascript:void(0);">保密</a>
				<a href="javascript:void(0);">1987/08/27</a>
			</p>
		</div>
		
		<div class="wx" v-else>
			<p>
				<a href="/login">点击登录</a>
			</p>
			<p class="u">
				<a href="javascript:void(0)">登录账号可享受大众会员特权</a>
			</p>
		</div>

		<p @click="vipWin = true">
			<span class="lf"></span>开通VIP尊享特权<span class="rf"></span>
		</p>
		
		<div class="tq clearfix">
			<p class="download" :class="{svip}">下载权益</p>
			<p class="book" :class="{svip}">图书权益</p>
			<p class="vip" :class="{svip}">VIP文章</p>
			<p class="col" :class="{svip}">收藏特权</p>
		</div>
		
		<VipCvsWin v-model="vipWin"/>
	</aside>
</template>

<script>

import VipCvsWin from './VipCvsWin.vue' ;

export default {
	components: {
		VipCvsWin, 
	},
	data() {
		return {
			isAuth: false ,  // 是否登录
			svip: false ,   // 是否是 svip 会员
			vipWin: false , // 是否显示 vip 充值窗口
		}
	}
	
}	
</script>

<style>
</style>